<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
<head>
	
     <!-- 给当前页面域添加一段java代码，用来自动获取当前项目名，不写死,然后再通过EL表达式获取 -->
    <%
    	pageContext.setAttribute("PATH",request.getContextPath());
    
     %>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="${PATH }/css/reset.css">
	<link rel="stylesheet" href="${PATH }/css/webstyle.css">
	<link rel="stylesheet" href="${PATH }/css/flickerplate.css">
	
	<!-- 引入bootstrapcss与js -->
	<%-- <link rel="stylesheet" href="${PATH}/css/bootstrap.css">
	<script type="text/javascript" src="${PATH}/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="${PATH}/js/bootstrap.js"></script> --%>

	<!--轮播组件 libraries-->
	<script src="${PATH }/js/jquery-v1.10.2.min.js" type="text/javascript"></script>
	<script src="${PATH }/js/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
	<script src="${PATH }/js/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
	<script src="${PATH }/js/flickerplate.min.js" type="text/javascript"></script>
	<!--轮播组件 flickerplate-->
	<script>
	$(document).ready(function(){
		$('.flicker-example').flicker();
	});
	</script>
	<title>淮安结婚网</title>
</head>
<body>

	<div class="index-cover"></div>
	<!-- 公共头部 -->
	<div class="common-header">
		<div class="header-content layout">
			<img src="${PATH }/img/logo/logo.png">
		</div>
		<div class="nav clearfix">
			<ul class="layout">
				<li class="active"><a href="${PATH }/index.html">首页</a></li>
				<li><a href="${PATH }/wed-list.html">优选婚庆</a></li>
				<li><a href="${PATH }/hotel-list.html">优选酒店</a></li>
				<li><a href="${PATH }/host-list.html">优选主持</a></li>
				<li><a href="${PATH }/paint-list.html">优选化妆礼服</a></li>
				<li><a href="${PATH }/video-list.html">优选摄像</a></li>
				<li><a href="${PATH }/photo-list.html">优选摄影</a></li>
				<li><a href="${PATH }/server-list.html">优选服务商</a></li>
			</ul>
		</div>
	</div>
	
	<!-- 首页轮播组件 -->
	<div class="flicker-example" data-block-text="false">
			<ul>
				<c:forEach items="${rotates}" var="list">
					<li data-background="${list.url }"></li>
				</c:forEach>
			</ul>
		 <!-- </div>  -->
	</div>


	<!-- 服务宗旨 -->
	<div class="sologen layout">
		<img src="${PATH }/img/index/sologen.png" alt="">
	</div>

	<!-- 优选婚庆 -->
	<div class="index-wed layout clearfix">
		<h2>优选婚庆<span class="index-wed-more"><a href="${PATH }/wed-list.html">查看更多</a></span></h2>
		<ul class="clearfix">
			<li>
				<a href="${PATH }/wed-detail.html">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="${PATH }/toUserlogin.go">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="${PATH }/user/user.go">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
			<li>
				<a href="#">
					<div class="index-wed-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-wed-list-info">
						<h3>月光之约</h3>
						<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-wed-list-info-more">了解更多</span></p>
					</div>
				</a>
			</li>
		</ul>
	</div>

	<!-- 广告位 -->
	<div class="index-ad layout">
		<a href="#"><img src="${PATH }/img/ad/ad_1.jpg" alt=""></a>
	</div>

	<!-- 优选酒店 -->
	<div class="index-hotel layout clearfix">
		<h2>优选酒店<span class="index-hotel-more"><a href="${PATH }/hotel-list.html">查看更多</a></span></h2>
		<div class="index-hotel-left">
			<ul>
				<li>
					<a href="${PATH }/hotel-detail.html">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="${PATH }/hotel-detail.html">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="index-hotel-right">
			<ul>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_2.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_2.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-hotel-list-img">
							<img src="${PATH }/img/index/wed_2.jpg" alt="">
						</div>
						<div class="index-hotel-list-info">
							<h3>月光之约</h3>
							<p><span>清江浦区</span>|<span>中式婚礼</span><span class="index-hotel-list-info-more">了解更多</span></p>
						</div>
					</a>
				</li>
			</ul>
		</div>


	</div>

	<!-- 广告位 -->
	<div class="index-ad layout">
		<a href="#"><img src="${PATH }/img/ad/ad_1.jpg" alt=""></a>
	</div>

	<!-- 优选主持、化妆、摄影、摄像、酒店 -->
	<div class="index-mod-tab layout clearfix">
		<ul class="tabs clearfix">
			<li class="active">优选主持</li>
			<li>优选化妆礼服</li>
			<li>优选摄像</li>
			<li>优选摄影</li>
		</ul>
		<div class="panel active clearfix">
			<ul class="index-host-list clearfix">
				<li>
					<a href="${PATH }/host-detail.html">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="${PATH }/host-detail.html">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_2.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-host-list-img">
							<img src="${PATH }/img/index/host_1.jpg" alt="">
						</div>
						<div class="index-host-list-info">
							<h3>主持人</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-host-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				
			</ul>
			<div class="index-host-list-more">
				<a href="${PATH }/host-list.html"><span>查看更多主持</span></a>
			</div>
		</div>
		<div class="panel">
			<ul class="index-photo-list clearfix">
				<li>
					<a href="${PATH }/paint-detail.html">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>化妆师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="${PATH }/paint-detail.html">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>化妆师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>化妆师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>化妆师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>化妆师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_1.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>化妆师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
			</ul>
			<div class="index-photo-list-more">
				<a href="${PATH }/paint-list.html"><span>查看更多化妆师</span></a>
			</div>
		</div>

		<div class="panel">
			<ul class="index-photo-list clearfix">
				<li>
					<a href="${PATH }/video-detail.html">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄像师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="${PATH }/video-detail.html">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄像师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄像师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄像师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄像师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_3.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄像师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
			</ul>
			<div class="index-photo-list-more">
				<a href="${PATH }/video-list.html"><span>查看更多摄像师</span></a>
			</div>
		</div>
			
		<div class="panel">
			<ul class="index-photo-list clearfix">
				<li>
					<a href="${PATH }/photo-detail.html">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄影师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="${PATH }/photo-detail.html">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄影师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄影师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄影师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄影师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
				<li>
					<a href="#">
						<div class="index-photo-list-img">
							<img src="${PATH }/img/index/wed_4.jpg" alt="">
						</div>
						<div class="index-photo-list-info">
							<h3>摄影师</h3>
							<p><span>淮安</span>|<span>8年经验</span><span class="index-photo-info-price">￥8000</span></p>
						</div>
					</a>
				</li>
			</ul>
			<div class="index-photo-list-more">
				<a href="${PATH }/photo-list.html"><span>查看更多摄影师</span></a>
			</div>
		</div>
	</div>

	<!-- 广告位 -->
	<div class="index-ad layout">
		<a href="#"><img src="${PATH }/img/ad/ad_1.jpg" alt=""></a>
	</div>
	
	<!-- 优选服务商 -->
	<div class="index-server layout clearfix">
		<h2>优选服务商<span class="index-wed-more"><a href="${PATH }/sever-list.html">查看更多</a></span></h2>
		<ul class="clearfix">
			<li class="index-server-list">
				<a href="${PATH }/candy-detail.html">
					<div class="index-server-list-img">
						<img src="${PATH }/img/index/wed_1.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>喜糖</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="${PATH }/car-detail.html">
					<div class="index-server-list-img">
						<img src="${PATH }/img/index/wed_2.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>婚车</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="${PATH }/men-detail.html">
					<div class="index-server-list-img">
						<img src="${PATH }/img/index/wed_3.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>男装</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="${PATH }/jewel-detail.html">
					<div class="index-server-list-img">
						<img src="${PATH }/img/index/wed_4.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>珠宝</h3>
					</div>
				</a>
			</li>
			<li class="index-server-list">
				<a href="${PATH }/travel-detail.html">
					<div class="index-server-list-img">
						<img src="${PATH }/img/index/wed_4.jpg" alt="">
					</div>
					<div class="index-server-list-info">
						<h3>旅行</h3>
					</div>
				</a>
			</li>
		</ul>
	</div>
	
	<div class="index-wine">
		<a href="${PATH }/drinks-detail.html">
			<img src="${PATH }/img/ad/ad_2.jpg" alt="">
		</a>
	</div>
	

	<!-- footer样式 -->
	<div class="common-footer">
		<p>
			<a href="http://www.miibeian.gov.cn/">备案号：苏ICP备1111111</a>
		</p>
		<p>
			<a href="#">Copyright &copy; 2018.淮安结婚网 All rights reserved.</a>
		</p>
	</div>

	<!-- 侧边栏 -->
	<div id="leftsead">
		<ul>
			<li>
				<a id="top_btn">
					<img src="${PATH }/img/common/aside_2.png" width="47" height="49" class="hides"/>
					<img src="${PATH }/img/common/aside_1.png" width="47" height="49" class="shows" />
				</a>
			</li>
			<li>
				<a href="">
					<img src="${PATH }/img/common/aside_4.png" width="166" height="49" class="hides"/>
					<img src="${PATH }/img/common/aside_3.png" width="47" height="49" class="shows" />
				</a>
			</li>
			<li>
				<a class="youhui">
					<img src="${PATH }/img/common/aside_5.png" width="47" height="49" class="shows" />
					<img src="${PATH }/img/common/aside_6.jpg" width="196" height="205" class="hides" usemap="#taklhtml"/>
				</a>
			</li>
		</ul>
	</div>

	<!-- 优选主持、化妆、摄影摄像、酒店部分js -->
	<script>
		$('.tabs>li').on('click', function(){
            var $this = $(this)
            var index = $this.index()
            $this.addClass('active').siblings().removeClass('active')
            $('.panel').eq(index).addClass('active').siblings().removeClass('active')
        })
	</script>

	<script type="text/javascript">
		$(document).ready(function(){

		$("#leftsead a").hover(function(){
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").show();
			}else{
				$(this).children("img.hides").show();
				$(this).children("img.shows").hide();
				$(this).children("img.hides").animate({marginRight:'0px'},'slow'); 
			}
		},function(){ 
			if($(this).prop("className")=="youhui"){
				$(this).children("img.hides").hide('slow');
			}else{
				$(this).children("img.hides").animate({marginRight:'-143px'},'slow',function(){$(this).hide();$(this).next("img.shows").show();});
			}
		});

		$("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

		});
	</script>
</body>
</html>